<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>location对象</title>
  </head>
  <body>
    <form><input type="text" name="search" /> <button>搜索</button></form>
    <a href="#/music">音乐</a>
    <a href="#/download">下载</a>

    <button class="reload">刷新页面</button>

    <script>
        // 1. href属性 （重点） 得到完整地址，赋值则是跳转到新地址
        // console.log(location.href)

        // 2. search属性  得到 ? 后面的地址 
        // console.log(location.search)

        // 3. hash属性  得到 # 后面的地址
        // console.log(location.hash)

        // 4. reload 方法  刷新页面
        const btn = document.querySelector('.reload')
        btn.addEventListener('click',function(){
          // location.reload() // 页面刷新
          location.reload(true) // 强制页面刷新 ctrl + f5
        })


        
    </script>
  </body>
</html>
